// pages/all/pages/moreDetailImg/moreDetailImg.js
var r = require('../../../../utils/request.js')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    id: '', //课程id
    type:0,
    courseName:'',//课程标题
    imageText:'',//课程富文本简介
    createTime:'',//课程创建时间

    currentIndex: '', //索引
    list: [],
    popup: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options.id)
    this.setData({
      id:options.id
    })
    this.getMsg()
  },

  getMsg(){
    r.toPost('/course/courseInfo', { 
      courseId: this.data.id
    }, (res) => {
      // 宽度100%，高度自适应
      res.retData.chapterList.forEach(item=>{
        item.chapterImageText = item.chapterImageText.replace(/\<img/gi, '<img style="max-width:100%;height:auto;" ')
      })
      res.retData.imageText = res.retData.imageText.replace(/\<img/gi, '<img style="max-width:100%;height:auto;" ')
      this.setData({
        list: res.retData.chapterList,
        courseName:res.retData.courseName,
        createTime:res.retData.createTime,
        imageText:res.retData.imageText,
      })
    })
  },

  // 底部切换
  tabs(e) {
    let num = e.currentTarget.dataset.num
    this.setData({
      type: num
    })
  },

  // 章节切换
  detail(e) {
    let id = e.currentTarget.dataset.id
    let index = e.currentTarget.dataset.index
    // console.log(id,index)
    r.toPost('/course/finishChapter', {
      courseId: this.data.id,
      chapterId:id,
      userId:wx.getStorageSync('userId')
    }, (res) => {
      console.log('已完成章节学习')
      this.setData({
        currentIndex: index,
        popup:true
      })
    })
  },

  // 隐藏
  hidden() {
    this.setData({
      popup: false
    })
    this.getMsg()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})